@font-face {
    font-family: 'messenger';
    src:url('fonts/messenger.eot?z7h4g0');
    src:url('fonts/messenger.eot?z7h4g0#iefix') format('embedded-opentype'),
    url('fonts/messenger.ttf?z7h4g0') format('truetype'),
    url('fonts/messenger.woff?z7h4g0') format('woff'),
    url('fonts/messenger.svg?z7h4g0#messenger') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="c-icon-"], [class*=" c-icon-"] {
    font-family: 'messenger';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.c-icon-drawer:before {
    content: "\e601";
}

.c-icon-bars:before {
    content: "\e605";
}

.c-icon-remove:before {
    content: "\e606";
}

.c-icon-list:before {
    content: "\e600";
}

.c-icon-cancel-circle:before {
    content: "\e60b";
}

.c-icon-arrow-right:before {
    content: "\e604";
}

.c-icon-arrow-left:before {
    content: "\e602";
}

.c-icon-success:before {
    content: "\e603";
}

.c-icon-warning:before {
    content: "\e608";
}

.c-icon-info:before {
    content: "\e609";
}

.c-icon-error:before {
    content: "\e60a";
}

.c-msg-toolbar, .c-msg-status, .c-msg-handler, .c-msg-statistic {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.c-text-left {
    text-align: left;
}

.c-text-center {
    text-align: center;
}

.c-text-right {
    text-align: right;
}

.c-hide {
    display: none;
}

.c-cloaking {
    visibility: hidden;
}

.c-icon-btn {
    font-size: 16px;
    cursor: default;
}

.c-msg-clear {
    clear: both;
}

.c-msg-scroll {
    overflow-y: scroll;
}

.c-msg-handler .c-icon-btn {
    color: #999;
}

.c-msg-handler .c-icon-btn:hover {
    color: #666;
}

.c-msg-handler .c-icon-btn:active {
    color: #333;
}

.c-msg-layout-top-left, .c-msg-layout-top-right, .c-msg-layout-top-center, .c-msg-layout-top-center {
    top: 0;
}

.c-msg-layout-top-left, .c-msg-layout-bottom-left {
    left: 0;
}

.c-msg-layout-top-right, .c-msg-layout-bottom-right {
    right: 0;
}

.c-msg-layout-top-center, .c-msg-layout-bottom-center {
    margin: 0 auto;
    height: auto;
    left: 0;
    right: 0;
}

.c-msg-layout-bottom-left, .c-msg-layout-bottom-right, .c-msg-layout-bottom-center {
    bottom: 0;
}

.c-msg-wrapper {
    position: fixed;
    min-width: 450px;
    z-index: 1000;
    box-shadow: 0 0 16px rgba(42, 42, 42, 0.47);
    opacity: 1;
    filter: alpha(opacity=100);
}

.c-msg-wrapper *{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
}

.c-msg-wrapper.c-msg-layout-nested .c-msg-handler {
    display: none !important;
}

.c-msg-wrapper, .c-msg-item {
    background-color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}

.c-msg-wrapper .c-msg-body {
    position: relative;
}

.c-msg-toolbar {
    line-height: 42px;
    overflow: hidden;
    background-color: #F1F1F1;
    padding: 0 10px;
    border-top: 4px solid #999;
    border-bottom: none;
}

.c-msg-toolbar .c-msg-center {
    font-size: 20px;
}

.c-msg-toolbar .c-icon-btn {
    color: #666;
}

.c-msg-toolbar .c-icon-cog:hover,
.c-msg-toolbar .c-icon-list:hover,
.c-msg-toolbar .c-icon-bars:hover {
    color: #333;
}

.c-msg-toolbar .c-icon-cog:active,
.c-msg-toolbar .c-icon-list:active,
.c-msg-toolbar .c-icon-bars:active {
    color: #000;
}

.c-msg-handler {
    background-color: #FBF6F6;
    height: 20px;
    line-height: 20px;
    padding: 2px 4px;
}

.c-msg-handler .c-msg-center {
    font-size: 14px;
    color: #666;
}

.c-msg-handler .c-icon-arrow-left, .c-msg-handler .c-icon-arrow-right {
    font-size: 12px;
    padding: 0 12px;
}

.c-msg-body .c-msg-status, .c-msg-status {
    width: 48px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

.c-msg-body .c-msg-status-no-time .c-msg-icon, .c-msg-status-no-time .c-msg-icon {
    margin-top: 8px;
}

.c-msg-body .c-msg-desc, .c-msg-desc {
    line-height: 24px;
    padding: 10px;
    text-align: left;
    word-wrap: break-word;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    max-height: 68px;
    overflow: hidden;
}

.c-msg-item .c-msg-desc-overflow-y {
    height: 68px;
    overflow-y: scroll;
}

.c-msg-desc-ext {
    margin-left: 60px;
}

.c-msg-body .c-msg-empty {
    text-align: center;
    display: inline-block;
    line-height: 32px;
    width: 100%;
}

.c-msg-body .c-msg-item, .c-msg-item {
    clear: both;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

.c-msg-body .c-msg-remove, .c-msg-remove {
    float: right;
    width: 0;
    height: 40px;
}

.c-msg-item .c-msg-remove .c-msg-icon {
    padding: 1px 0;
    position: absolute;
    margin-left: -20px;
    text-shadow: 0 0 3px rgba(255, 255, 255, .6);
}

.c-msg-body .c-icon-remove, .c-msg-body .c-icon-cancel-circle, .c-icon-remove, .c-icon-cancel-circle {
    color: #999;
    display: inline-block;
    cursor: default;
}

.c-msg-left, .c-msg-center, .c-msg-right {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c-msg-left, .c-msg-right {
    width: 20%;
}

.c-msg-center {
    width: 60%;
}

.c-icon-cancel-circle:hover, .c-icon-remove:hover {
    color: #f00;
}

.c-icon-cancel-circle:active, .c-icon-remove:active {
    color: #d10000;
}

.c-msg-left .c-icon-btn {
    margin-right: 10px;
}

.c-msg-icon {
    display: inline-block;
    font-size: 18px;
    padding: 6px 6px 2px 6px;
}

.c-msg-time {
    font-size: 10px;
    color: #999;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}

.c-msg-wrapper .c-msg-body .c-icon-error, .c-icon-error {
    color: #a94442;
}

.c-msg-wrapper .c-msg-body .c-icon-info, .c-icon-info {
    color: #31708f;
}

.c-msg-wrapper .c-msg-body .c-icon-warning, .c-icon-warning {
    color: #8a6d3b;
}

.c-msg-wrapper .c-msg-body .c-icon-success, .c-icon-success {
    color: #3c763d;
}

.c-msg-wrapper .c-msg-item {
    border-top: 1px solid #fff;
}

.c-msg-wrapper .c-msg-body .c-msg-type-info, .c-msg-type-info {
    color: #31708f;
    background-color: #d9edf7;
    border-bottom: 1px solid #bce8f1;
}

.c-msg-wrapper .c-msg-body .c-msg-type-warning, .c-msg-type-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-bottom: 1px solid #fbeed5;
}

.c-msg-wrapper .c-msg-body .c-msg-type-error, .c-msg-type-error {
    color: #a94442;
    background-color: #f2dede;
    border-bottom: 1px solid #eed3d7;
}

.c-msg-wrapper .c-msg-body .c-msg-type-success, .c-msg-type-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-bottom: 1px solid #d6e9c6;
}

.c-error .c-msg-toolbar {
    color: #a94442;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.c-info .c-msg-toolbar {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.c-warning .c-msg-toolbar {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

.c-success .c-msg-toolbar {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.c-error .c-msg-toolbar, .c-info .c-msg-toolbar, .c-warning .c-msg-toolbar, .c-success .c-msg-toolbar {
    border-width: 4px;
    border-top-style: solid;
}

.c-msg-layout-nested {
    box-shadow: none;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.c-msg-layout-bottom-center .c-msg-toolbar, .c-msg-layout-bottom-left .c-msg-toolbar, .c-msg-layout-bottom-right .c-msg-toolbar,
.c-msg-layout-bottom-center .c-msg-toolbar, .c-msg-layout-bottom-left .c-msg-toolbar, .c-msg-layout-bottom-right .c-msg-toolbar,
.c-msg-layout-bottom-center .c-msg-toolbar, .c-msg-layout-bottom-left .c-msg-toolbar, .c-msg-layout-bottom-right .c-msg-toolbar,
.c-msg-layout-bottom-center .c-msg-toolbar, .c-msg-layout-bottom-left .c-msg-toolbar, .c-msg-layout-bottom-right .c-msg-toolbar {
    border-bottom: 4px solid #999;
    border-top: none;
}

.c-msg-layout-bottom-center.c-info .c-msg-toolbar, .c-msg-layout-bottom-left.c-info .c-msg-toolbar, .c-msg-layout-bottom-right.c-info .c-msg-toolbar {
    border-color: #bce8f1;
}

.c-msg-layout-bottom-center.c-error .c-msg-toolbar, .c-msg-layout-bottom-left.c-error .c-msg-toolbar, .c-msg-layout-bottom-right.c-error .c-msg-toolbar {
    border-color: #eed3d7;
}

.c-msg-layout-bottom-center.c-success .c-msg-toolbar, .c-msg-layout-bottom-left.c-success .c-msg-toolbar, .c-msg-layout-bottom-right.c-success .c-msg-toolbar {
    border-color: #d6e9c6;
}

.c-msg-layout-bottom-center.c-warning .c-msg-toolbar, .c-msg-layout-bottom-left.c-warning .c-msg-toolbar, .c-msg-layout-bottom-right.c-warning .c-msg-toolbar {
    border-color: #fbeed5;
}

.c-msg-statistic {
    padding-top: 10px;
    padding-bottom: 10px;
}

.c-msg-statistic .c-msg-stat-item {
    clear: both;
    height: 50px;
    overflow: hidden;
}

.c-msg-statistic .c-msg-stat {
    float: left;
    width: 80px;
    height: 50px;
}

.c-msg-statistic .c-msg-progress-wrapper {
    margin-left: 80px;
    width: 75%;
    height: 20px;
    margin-top: 10px;
}

.c-msg-statistic .c-msg-progress-wrapper .c-msg-progress {
    width: 100%;
    background-color: #f7f7f7;
    height: 20px;
    line-height: 20px;
    clear: both;
}

.c-msg-statistic .c-msg-progress-wrapper .c-msg-progress .c-msg-progress-bar {
    width: 20%;
    height: 20px;
    line-height: 20px;
    clear: both;
    text-align: right;
}

.c-msg-statistic .c-msg-stat-percent {
    display: inline-block;
    width: 40px;
    position: relative;
    margin-right: -40px;
    color: #333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    font-size: 10px;
}

.c-msg-statistic .c-msg-icon {
    font-size: 24px;
}

.c-msg-statistic .c-msg-progress {
    background-color: #fff;
    height: 16px;
    display: inline-block;
}

.c-msg-statistic .c-msg-statistic-footer {
    padding: 4px 10px 4px 80px;
    line-height: 18px;
    height: 18px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.c-msg-statistic .c-msg-stat-info .c-msg-stat {
    color: #4bb1cf;
}

.c-msg-statistic .c-msg-stat-warning .c-msg-stat {
    color: #faa732;
}

.c-msg-statistic .c-msg-stat-error .c-msg-stat {
    color: #dd514c;
}

.c-msg-statistic .c-msg-stat-success .c-msg-stat {
    color: #5eb95e;
}

.c-msg-statistic .c-msg-stat-info .c-msg-progress-bar {
    background-color: #4bb1cf;
}

.c-msg-statistic .c-msg-stat-warning .c-msg-progress-bar {
    background-color: #faa732;
}

.c-msg-statistic .c-msg-stat-error .c-msg-progress-bar {
    background-color: #dd514c;
}

.c-msg-statistic .c-msg-stat-success .c-msg-progress-bar {
    background-color: #5eb95e;
}